<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米有品网站首页</title>
		<!--
			姓名：朱恬
			时间：2019年2月26日16:20:52
		-->
		<link rel="stylesheet" href="main_style.css" />
		<link rel="stylesheet" href="../../base/layui-v2.4.3/layui/css/layui.css" />
		<link rel="stylesheet" href="../../base/plogins/font-awesome-4.7.0/css/font-awesome.css" />
	</head>
	<body>
		<!--头部-->
		<a name="mao"></a>
		<div class="div_top">
			<a id="toLogin">登录 </a>
			<a>注册</a>
			<span>|</span>
			<a>帮助中心</a>
			<span>|</span>
			<i class="fa fa-mobile" aria-hidden="true"></i>
			<a>下载 APP</a>
			<span>|</span>
			<div class="div_list_hide">
				<a>资质证照/协议规则  ﹀</a>
				
				<div class="show">
					<table>
						<tr><td>资质证照</td></tr>
						<tr><td>协议规则</td></tr>
					</table>
				</div>
			</div>
			
  
		</div>
		
		
		<!--搜索栏-->
		<div class="div_second">
			<img src="img/logo_1.png" />
			<a>限时抢购</a>
			<a>星品驾到</a>
			
			<i class="fa fa-cart-plus i_last" aria-hidden="true"></i>
			<div>
				<i class="fa fa-search" aria-hidden="true"></i>
				<input type="text" placeholder="搜一搜"/>
			</div>
			
		</div>
		
		<div class="div_second div_second_scoll" id="scrollup">
			<img src="img/logo_1.png" />
			<div class="div_hidder_class">分类 <i class="fa fa-chevron-down" aria-hidden="true"></i>
				<div class="div_iframe"><iframe src="hover_list.html"></iframe></div>
			</div>
			<a>限时抢购</a>
			<a>星品驾到</a>
			
			<i class="fa fa-cart-plus i_last" aria-hidden="true"></i>
			<div>
				<i class="fa fa-search" aria-hidden="true"></i>
				<input type="text" placeholder="搜一搜"/>
			</div>
			
		</div>
		
		
		<!--轮播图的那一栏-->
		<div class="div_img_scroll">
			<!--触摸显示隐藏列表的菜单栏-->
			<div class="div_memu">
				<table>
					<tr><td><div class="div_hover"> <a>有品推荐</a> 
						
						<div class="div_hover_list">
							<div class="div_hover_title">有品推荐</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							
						</div>
					
					</div></td></tr>
					
					
					<tr><td> <div class="div_hover"> <a>家居家纺</a> / <a>家用电器</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">家居家纺</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							
							<div class="div_hover_title">家用电器</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							
						</div>
					
					</div>
					</td></tr>
					
					
					<tr><td> <div class="div_hover"> <a>手机电脑</a> / <a>数码配件</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">手机电脑</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							
						<div class="div_hover_title">数码配件</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							
						</div>
					
					</div>
					</td></tr>
					
					
					<tr><td> <div class="div_hover"> <a>智能家庭</a> / <a>饮食酒水</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">智能家庭</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							
							<div class="div_hover_title">饮食酒水</div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							
						</div>
					
					</div>
					</td></tr>
						
						
					<tr><td> <div class="div_hover"> <a>餐具厨房</a> / <a>家用电器</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">餐具厨房</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							
							<div class="div_hover_title">家用电器</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							
						</div>
					
					</div>
					</td></tr>
						
						
					<tr><td> <div class="div_hover"> <a>服装配饰</a> / <a>鞋靴箱包</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">服装配饰</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							
							<div class="div_hover_title">鞋靴箱包</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							
						</div>
					
					</div>
					</td></tr>
						
						
					<tr><td> <div class="div_hover"> <a>运动健康</a> / <a>出行户外</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">运动健康</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							
							<div class="div_hover_title">出行户外</div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							
						</div>
					
					</div>
					</td></tr>
						
						
					<tr><td> <div class="div_hover"> <a>洗护美妆</a> / <a>日杂文创</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">洗护美妆</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							
							<div class="div_hover_title">日杂文创</div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							
						</div>
					
					</div>
					</td></tr>
					
					<tr><td> <div class="div_hover"> <a>母婴亲子</a> 
						<div class="div_hover_list">
							<div class="div_hover_title">有品推荐</div>
							
							<div> <img src="img/hover-1.jpg" /> <span>运动健身</span> </div>
							<div> <img src="img/hover-2.jpg" /> <span>逍遥四方</span> </div>
							<div> <img src="img/hover-3.jpg" /> <span>科技达人</span> </div>
							<div> <img src="img/hover-4.jpg" /> <span>畅销榜单</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							<div> <img src="img/hover-8.jpg" /> <span>新年装备</span> </div>
							<div> <img src="img/hover-5.jpg" /> <span>男士精选</span> </div>
							<div> <img src="img/hover-6.jpg" /> <span>热卖推荐</span> </div>
							<div> <img src="img/hover-7.jpg" /> <span>新品推荐</span> </div>
							
						</div>
					
					</div>
					</td></tr>
				</table>
			</div>
			
			
			<!--轮播图-->
		<div class="layui-carousel div_brand_img" id="brand_img">
			<div carousel-item>
				<div><img src="img/lbt_1.jpg"/></div>
				<div><img src="img/lbt_2.jpg" /></div>
				<div><img src="img/lbt_3.jpg" /></div>
				<div><img src="img/lbt_4.jpg" /></div>
				<div><img src="img/lbt_5.jpg" /></div>
				
			</div>
		</div>
		
		</div>
		
		
		<!--轮播图下面的图文列表-->
		<div class="div_img_list">
			<table>
				<tr>
					<td> <img src="img/list1-1.png" /> </td>
					<td> <img src="img/list1-2.jpg" /> </td>
					<td> <img src="img/list1-3.png" /> </td>
					<td> <img src="img/list1-4.png" /> </td>
					<td> <img src="img/list1-5.png" /> </td>
				</tr>
				<tr>
				<td>每日新品</td>
				<td>小米众筹</td>
				<td>限时抢购</td>
				<td>热销榜单</td>
				<td>随便逛逛</td>
				
				</tr>
			</table>
		</div>
	
	
	<!--有品推荐   groom（推荐）-->
	<div class="div_groom">
		<label>有品推荐</label>
		<span>为您甄选 悦心购买</span>  <br /><br /><br />

		
		<div>
		<label>运动减脂季</label> <br />
		<span>减脂神器 最高直降500元</span> <br />
		
		<center> <img src="img/list2-1.png" /> </center>
		</div>
		
		
		<div class="two">
		<label>星动潮搭开学季</label> <br />
		<span>让你赚足回头率</span> <br />
		
		<center> <img src="img/list2-2.png" /> </center>
		</div>
		
			<div class="three">
		<label>紫米7周年庆</label> <br />
		<span>爆品限时低至6折</span> <br />
		
		<center> <img src="img/list2-3.png" /> </center>
		</div>
		
		<div class="four">
		<label>家电焕新季</label> <br />
		<span>爆款最高立省400元</span> <br />
		
		<center> <img src="img/list2-4.png" /> </center>
		</div>
		
	</div>
	
	
		<!--小米众筹          Crowd-funding (众筹)-->
		<div class="div_Crowd_funding">
		<label>小米众筹</label>
		<span>永远好奇 永远年轻</span>  
		<span class="text_more">更多   》</span>
		<br /><br /><br />

		
		<div class="first_div">
		<div class="div_first_top">
			<label>运动减脂季</label> <br />
		<span>减脂神器 最高直降500元</span> <br />
		<span class="price">￥99</span>
		
		 <img src="img/list3_1.png" />
		</div>
		 
		 
		 <div class="div_color_border">
		 	<img src="img/border.jpg" />
		 	<label>3055</label> <span>人支持</span> 
		 	<span class="text_hot">热</span>
		 	<label class="text_red_right">52%</label>
		 </div>
		</div>
		
		
		
		<div class="other_div ">
		<div class="div_first_top">
			<label>Move It Punch 智能拳击球</label> <br />
		<span>减脂神器 最高直降500元</span> <br />
		<span class="price">￥269</span>
		
		 <img src="img/list3-2.png" />
		</div>
		 
		 
		 <div class="div_color_border">
		 	<img src="img/border.jpg" />
		 	<label>9608</label> <span>人支持</span> 
		 	<span class="text_hot">热</span>
		 	<label class="text_red_right">52%</label>
		 </div>
		</div>
		
		<div class="other_div">
		<div class="div_first_top">
			<label>云麦智能训练手表</label> <br />
		<span class="price">￥699</span>
		
		 <img src="img/list3_3.png" />
		</div>
		 
		 
		 <div class="div_color_border">
		 	<img src="img/border.jpg" />
		 	<label>839</label> <span>人支持</span> 
		 	<span class="text_hot">热</span>
		 	<label class="text_red_right">52%</label>
		 </div>
		</div>
		
		
		</div>
		
		
		<!--限时购         Limited time （限时）-->
		<div class="div_limited_time ">
			<div class="div_limited_text">
				<label>限时购</label>
				<i class="fa fa-clock-o" aria-hidden="true"></i>
				<span>20:00场</span> &nbsp;&nbsp;
				<span class="text_bgred_time">00</span>
				<span>:</span>
				<span class="text_bgred_time">00</span>
				<span>:</span>
				<span class="text_bgred_time">01</span>
				
				<span class="text_more">更多  》</span>
			</div>
			
			<div>
				<div class="div_limited_img">
				<img src="img/li1-1.jpg" /> <br />
				<label>负离子护法电吹风</label> <br />
				<span>￥</span>  <span class="price_now">149</span>  <span>起</span>  <span class="price_no">￥169</span>
			<div class="div_sele">7.8折</div>
				</div>
			
			<div class="div_limited_img">
				<img src="img/li1-2.jpg" /> <br />
				<label>洗衣机</label> <br />
				<span>￥</span>  <span class="price_now">129</span>  <span>起</span>  <span class="price_no">￥109</span>
				<div class="div_sele">7.1折</div>
			</div>
			
			<div class="div_limited_img">
				<img src="img/li1-3.jpg" /> <br />
				<label>小米净水器</label> <br />
				<span>￥</span>  <span class="price_now">49</span>  <span>起</span>  <span class="price_no">￥69</span>
			<div class="div_sele">5折</div>
			</div>
			
			<div class="div_limited_img">
				<img src="img/li1-4.jpg" /> <br />
				<label>舒服的被子</label> <br />
				<span>￥</span>  <span class="price_now">122</span>  <span>起</span>  <span class="price_no">￥269</span>
			<div class="div_sele">6.8折</div>
			</div>
			</div>
		</div>
		
		
		<!--每日新品 -->
		<div class="div_limited_time">
			<div class="div_limited_text">
				<label>每日新品</label>
				每日十点惊喜不断
				<span class="text_more">更多  》</span>
			</div>
			<div>
				
			<div class="div_limited_img div_new_goods">
				<img src="img/li2-1.jpg" /> <br />
				<label>无线吸尘器</label> <br />
				<span class="span_goods"> 10万转无刷电机，20000Pa风压</span>  <br />
				<span>￥</span>  <span class="price_now">213</span>
			</div>
			
			<div class="div_limited_img div_new_goods">
				<img src="img/li2-2.jpg" /> <br />
				<label>水洗棉被</label> <br />
				<span class="span_goods"> 亲夫柔软，贴身保暖，不易粘毛</span>  <br />
				<span>￥</span>  <span class="price_now">254</span>
			</div>
			
			<div class="div_limited_img div_new_goods">
				<img src="img/li2-3.jpg" /> <br />
				<label>蓝牙音箱</label> <br />
				<span class="span_goods"> 一步拥有 全部声音</span>  <br />
				<span>￥</span>  <span class="price_now">75</span>
			</div>
			
			<div class="div_limited_img div_new_goods">
				<img src="img/li2-4.jpg" /> <br />
				<label>洗衣机</label> <br />
				<span class="span_goods"> 安静无噪音 超强清洁力</span>  <br />
				<span>￥</span>  <span class="price_now">1090</span>
			</div>
			</div>
		</div>
		
		
		<!--热门，样式和上面那个一模一样 -->
		<div class="div_limited_time">
			<div class="div_limited_text">
				<label>热门</label>
				感动人心 价格厚道
				<span class="text_more">更多  》</span>
			</div>
			<div>
				
			<div class="div_limited_img div_new_goods">
				<img src="img/li3-1.jpg" /> <br />
				<label>红米6</label> <br />
				<span class="span_goods">后置1200万 AI双摄 / 12nm八核</span>  <br />
				<span>￥</span>  <span class="price_now">729</span>
			</div>
			
			<div class="div_limited_img div_new_goods">
				<img src="img/li3-2.jpg" /> <br />
				<label>厚款棉衣</label> <br />
				<span class="span_goods"> 中长款连帽设计，90%白鸭绒</span>  <br />
				<span>￥</span>  <span class="price_now">149</span>
			
			<div class="div_change_color">三色可选</div>
			</div>
			
			<div class="div_limited_img div_new_goods">
				<img src="img/li3-3.jpg" /> <br />
				<label>小米米家智能摄像机云</label> <br />
				<span class="span_goods">1080P高清画质，360° 视角</span>  <br />
				<span>￥</span>  <span class="price_now">215</span>
				<div class="div_change_color">五色可选</div>
			</div>
			
			<div class="div_limited_img div_new_goods">
				<img src="img/li3-4.jpg" /> <br />
				<label>OJJ智能门锁X</label> <br />
				<span class="span_goods"> 活体指纹识别，联动米家设备</span>  <br />
				<span>￥</span>  <span class="price_now">325</span>
				<div class="div_change_color">两色可选</div>
			</div>
			</div>
		</div>
	

		
		<!--居家-->
		<div class="div_limited_time">
			<div class="div_limited_text">
				<label>居家</label>
				<span class="text_more">更多  》</span>
			</div>
			<div>
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-1.png" /> <br />
						<span>人工智能，钢琴烤漆</span>
				</div>
				<span class="text_redgj"> 直降30 </span> <br />
				<label>小米电视4C 43英寸</label> <br />
				<span>￥</span>  <span class="price_now">1399</span>
				<div class="div_change_color">三色可选</div>
			</div>
	

			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-2.png" /> <br />
						<span>小米电视专属定制</span>
				</div>
				<span class="text_redgj"> 限时购 </span> 
				<span class="text_orgingj"> 直降350元 </span> <br />
				<label>纯麦K歌无线麦克风</label> <br />
				<span>￥</span>  <span class="price_now">299</span>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<br />
				<label>素士声波电动牙刷</label> <br />
				<span>￥</span>  <span class="price_now">568</span>
				<div class="div_change_color">三色可选</div>
			</div>

 
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-4.png" /> <br />
						<span>【下单赠送4支刷头】</span>
				</div>
				<br />
				<label>亿元华松香水</label> <br />
				<span>￥</span>  <span class="price_now">149</span>
			</div>
			</div>
		</div>
		
			<!--家电-->
		<div class="div_limited_time">
			<div class="div_limited_text">
				<label>家电</label>
				<span class="text_more">更多  》</span>
			</div>
			<div>
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-1.png" /> <br />
						<span>指腹式的按摩感，SPA级的新睡眠</span>
				</div>
				<span class="text_redgj"> 直降50 </span> <br />
				<label>按摩椅</label> <br />
				<span>￥</span>  <span class="price_now">356</span>
				<div class="div_change_color">五色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-2.png" /> <br />
						<span>一步拥有 全屋智能照明</span>
				</div>
				<span class="text_redgj"> 买赠 </span>  <br />
				<label>超亮照明灯</label> <br />
				<span>￥</span>  <span class="price_now">199</span>
				<div class="div_change_color">三色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li5-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<span class="text_redgj"> 买直降80</span>  
				<span class="text_orgingj"> 限时购 </span><br />
				<label>格力空调</label> <br />
				<span>￥</span>  <span class="price_now">1229</span>
				<div class="div_change_color">两色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-4.png" /> <br />
						<span>天然乳胶，0胶水环保材质</span>
				</div>
				<span class="text_redgj"> 直降100 </span>  <br />
				<label>天然乳胶</label> <br />
				<span>￥</span>  <span class="price_now">56</span>
			</div>
			</div>
		</div>
		
		<!--居家-->
		<div class="div_limited_time">
			<div class="div_limited_text">
				<label>智能</label>
				<span class="text_more">更多  》</span>
			</div>
			<div>
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-1.png" /> <br />
						<span>人工智能，钢琴烤漆</span>
				</div>
				<span class="text_redgj"> 直降30 </span> <br />
				<label>小米电视4C 43英寸</label> <br />
				<span>￥</span>  <span class="price_now">1399</span>
				<div class="div_change_color">三色可选</div>
			</div>
	

			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-2.png" /> <br />
						<span>小米电视专属定制</span>
				</div>
				<span class="text_redgj"> 限时购 </span> 
				<span class="text_orgingj"> 直降350元 </span> <br />
				<label>纯麦K歌无线麦克风</label> <br />
				<span>￥</span>  <span class="price_now">299</span>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<br />
				<label>素士声波电动牙刷</label> <br />
				<span>￥</span>  <span class="price_now">568</span>
				<div class="div_change_color">三色可选</div>
			</div>

 
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-4.png" /> <br />
						<span>【下单赠送4支刷头】</span>
				</div>
				<br />
				<label>亿元华松香水</label> <br />
				<span>￥</span>  <span class="price_now">149</span>
			</div>
			</div>
		</div>
		
		
		<!--专属推荐-->
		<div class="div_limited_time">
			
				<label class="laber_big">专属推荐</label>
				<span class="text_more">更多  》</span>
			
			<div class="div_around">
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-1.png" /> <br />
						<span>指腹式的按摩感，SPA级的新睡眠</span>
				</div>
				<span class="text_redgj"> 直降50 </span> <br />
				<label>按摩椅</label> <br />
				<span>￥</span>  <span class="price_now">356</span>
				<div class="div_change_color">五色可选</div>
			</div>
			
			
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-2.png" /> <br />
						<span>一步拥有 全屋智能照明</span>
				</div>
				<span class="text_redgj"> 买赠 </span>  <br />
				<label>超亮照明灯</label> <br />
				<span>￥</span>  <span class="price_now">199</span>
				<div class="div_change_color">三色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li5-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<span class="text_redgj"> 买直降80</span>  
				<span class="text_orgingj"> 限时购 </span><br />
				<label>格力空调</label> <br />
				<span>￥</span>  <span class="price_now">1229</span>
				<div class="div_change_color">两色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-4.png" /> <br />
						<span>天然乳胶，0胶水环保材质</span>
				</div>
				<span class="text_redgj"> 直降100 </span>  <br />
				<label>天然乳胶</label> <br />
				<span>￥</span>  <span class="price_now">56</span>
			</div> 
			</div>
			
			<div class="div_around">
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-1.png" /> <br />
						<span>人工智能，钢琴烤漆</span>
				</div>
				<span class="text_redgj"> 直降30 </span> <br />
				<label>小米电视4C 43英寸</label> <br />
				<span>￥</span>  <span class="price_now">1399</span>
				<div class="div_change_color">三色可选</div>
			</div>
	

			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-2.png" /> <br />
						<span>小米电视专属定制</span>
				</div>
				<span class="text_redgj"> 限时购 </span> 
				<span class="text_orgingj"> 直降350元 </span> <br />
				<label>纯麦K歌无线麦克风</label> <br />
				<span>￥</span>  <span class="price_now">299</span>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<br />
				<label>素士声波电动牙刷</label> <br />
				<span>￥</span>  <span class="price_now">568</span>
				<div class="div_change_color">三色可选</div>
			</div>

 
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-4.png" /> <br />
						<span>【下单赠送4支刷头】</span>
				</div>
				<br />
				<label>亿元华松香水</label> <br />
				<span>￥</span>  <span class="price_now">149</span>
			</div>
			</div>
			
			<div class="div_around">
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-1.png" /> <br />
						<span>指腹式的按摩感，SPA级的新睡眠</span>
				</div>
				<span class="text_redgj"> 直降50 </span> <br />
				<label>按摩椅</label> <br />
				<span>￥</span>  <span class="price_now">356</span>
				<div class="div_change_color">五色可选</div>
			</div>
			
			
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-2.png" /> <br />
						<span>一步拥有 全屋智能照明</span>
				</div>
				<span class="text_redgj"> 买赠 </span>  <br />
				<label>超亮照明灯</label> <br />
				<span>￥</span>  <span class="price_now">199</span>
				<div class="div_change_color">三色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li5-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<span class="text_redgj"> 买直降80</span>  
				<span class="text_orgingj"> 限时购 </span><br />
				<label>格力空调</label> <br />
				<span>￥</span>  <span class="price_now">1229</span>
				<div class="div_change_color">两色可选</div>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/list5-4.png" /> <br />
						<span>天然乳胶，0胶水环保材质</span>
				</div>
				<span class="text_redgj"> 直降100 </span>  <br />
				<label>天然乳胶</label> <br />
				<span>￥</span>  <span class="price_now">56</span>
			</div> 
			</div>
			
			<div class="div_around">
				
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-1.png" /> <br />
						<span>人工智能，钢琴烤漆</span>
				</div>
				<span class="text_redgj"> 直降30 </span> <br />
				<label>小米电视4C 43英寸</label> <br />
				<span>￥</span>  <span class="price_now">1399</span>
				<div class="div_change_color">三色可选</div>
			</div>
	

			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-2.png" /> <br />
						<span>小米电视专属定制</span>
				</div>
				<span class="text_redgj"> 限时购 </span> 
				<span class="text_orgingj"> 直降350元 </span> <br />
				<label>纯麦K歌无线麦克风</label> <br />
				<span>￥</span>  <span class="price_now">299</span>
			</div>
			
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-3.png" /> <br />
						<span>暖风温度可调，双核双电机</span>
				</div>
				<br />
				<label>素士声波电动牙刷</label> <br />
				<span>￥</span>  <span class="price_now">568</span>
				<div class="div_change_color">三色可选</div>
			</div>

 
			<div class="div_limited_img div_house">
				<div>
						<img src="img/li4-4.png" /> <br />
						<span>【下单赠送4支刷头】</span>
				</div>
				<br />
				<label>亿元华松香水</label> <br />
				<span>￥</span>  <span class="price_now">149</span>
			</div>
			</div>
		</div>
		
		
		
		
		
		<!--底部-->
		<div class="div_buttom">
			<img src="img/logo_1.png" />
			<img src="img/logo_2.png" class="img_right"/>
			<div>
				<span> ©xiaomiyoupin.com 苏B2-20180351</span> <img src="img/logo-3.png" /> <span>苏ICP备18025642号-1 logo苏公网安备 32010502010244号</span><br />

			<span>企业名称：有品信息科技有限公司 关于我们 入驻有品</span><br />

			<span>小米有品平台运营主体变更公告 </span><br />
			</div>
			
		</div>
	
		<!--右侧固定不动的部分-->
		<div class="div_right_float">
			<div>
				 
				<i class="fa fa-phone" aria-hidden="true"></i> <br />
				<span class="span_show">联系客服</span>
				
				<div class="div_right_hide1 div_right_hide">
					<span>小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打 小米有品客服热线</span> 
					<p>400-100-1199</p>
					<label>(周一至周日 8：00-18：00)</label> <br /><br />
					<span>小米/米家自营品牌，手机电视智能硬件商品或订单发货/退款售后问题 请拨打小米自营客服热线</span>
					<p>400-100-5678</p>
					<label>(周一至周日 8：00-18：00)</label>

				</div>
			</div>
			
			
			<div>
				<i class="fa fa-qrcode" aria-hidden="true"></i> <br />
				<span class="span_show">下载APP</span>
				
				<div class="div_right_hide2 div_right_hide">
					<img src="img/ewm_1.png" />
					<span>下载小米有品APP得新人礼包</span>

				</div>
			</div>
			
			<div>
				<i class="fa fa-gift" aria-hidden="true"></i> <br />
				<span class="span_show">新人有礼</span>
				
				<div class="div_right_hide3 div_right_hide">
					<img src="img/gift.png" class="img_gift"/>
					<img src="img/ewm_1.png" /> <br />
					<span>立即扫码下载·小米有品 APP</span>

				</div>
			</div>
			
			
			<div>
				
				
				<i class="fa fa-weixin" aria-hidden="true"></i><br />
				<span class="span_show">关注微信</span>
				
				<div class="div_right_hide4 div_right_hide">
					<img src="img/ewm_1.png" /> <br />
					<span>扫码关注【小米有品生活电商】微信服务号，赢取小爱mini活动哦</span>

				</div>
			</div>
			
			<div>
				<a href="#mao">
				<i class="fa fa-arrow-up" aria-hidden="true"></i> <br />
				<span class="span_show">回到顶部</span>
				</a>
			</div>
		</div>
		
		<div id="div_text">
			<center>
				<p>声明与政策</p>
			</center>
			<span>欢迎您来到小米有品！</span>
			<span>我们依据最新法律法规要求，制定并更新了</span>
			<lable> 隐私政策》、《小米有品用户协议》</lable>
			<span>以及</span>
			<lable>《小米账号使用协议》</lable>
			<span>您需阅读并同意相关政策条款方可进行登录。</span><br/>
		</div>
		
		
		<script type="text/javascript" src="../../base/jquery-1.11.3.min.js" ></script>
		<script type="text/javascript" src="../../base/layui-v2.4.3/layui/layui.js" ></script>
		<script>
			layui.use(["carousel","layer"], function() {
				var carousel = layui.carousel;
				var layer = layui.layer;
				
				//轮播图
				carousel.render({
					elem: '#brand_img', //绑定轮播div的id,单引号和双引号都可以
					width: '874px', //设置容器宽度
					height: '358px', //设置容器高度
					autoplay: true, //设置自动切换图片
					arrow: 'always', //始终不显示箭头
					anim: 'fade' //切换动画方式:default（左右切换），updown（上下切换），fade（渐隐渐显切换）
				});
				
				
				$("#toLogin").click(function(){
					layer.open({
						type: 1,
						title: [''],
						area: ['450px', '280px'],
						//title:false,
						skin: 'myLayer',
						content: $("#div_text"),
						btn: ['同意并继续', '不同意'],
						yes: function(index, layero) {
							//按钮【按钮一】的回调
							location.href="../登录界面/login.html"
						},
						btn2: function(index, layero) {
							//按钮【按钮二】的回调

							//return false 开启该代码可禁止点击该按钮关闭
						},
						cancel: function() {
							//右上角关闭回调

							//return false 开启该代码可禁止点击该按钮关闭
						}
					});
				})
				
			})
			
			 window.onscroll= function(){
                //变量t是滚动条滚动时，距离顶部的距离
                var t = document.documentElement.scrollTop||document.body.scrollTop;
                var scrollup = document.getElementById('scrollup');
                //当滚动到距离顶部200px时，返回顶部的锚点显示
                if(t>=450){
                    scrollup.style.display="block";
                }else{          //恢复正常
                    scrollup.style.display="none";
                }
            }
		</script>
	</body>
</html>
